<template>
  <div>
    <frame1 width="400px" height="300px" slotContentHeight="254px">
      <div slot="title">设置项目周期</div>
      <i slot="btn" class="el-icon-close" @click="close"></i>
      <div slot="content">
        <div class="ipt">
          <div>
            <span>结算日期</span>
            <input type="text" v-model="start" />
          </div>
          <div>
            <span>最初日期</span>
            <input type="text" v-model="end" />
          </div>
        </div>
        <div class="monthBtn">
          <btn>
            <el-button>确定</el-button>
            <el-button @click="close">取消</el-button>
          </btn>
        </div>
      </div>
    </frame1>
  </div>
</template>
<script>
import frame1 from "@/components/frame";
import btn from "@/components/btn";

export default {
  components: {
    frame1,
    btn
  },
  data(){
      return{
          start:"",
          end:""
      }
  },
  methods:{
      close(){
          this.$emit("close")
      }
  }
};
</script>

<style scoped>
.monthBtn {
  margin-top: 50px;
}
input {
  height: 27px;
  width: 200px;
  background: none;
  outline-color: none;
  border: none;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  vertical-align: bottom;
}
.ipt {
  text-align: center;
}
.ipt div {
    margin-top: 30px;
}
</style>